<template>
  <!-- index.wxml -->
  <view class="container">
    <view>
      <!-- index.wxml -->
      <view class="container info_wrap font_c_main">
        <view class="user_info_wrap flex-box flex-box-v-center">
          <view class>
            <view class="userinfo">
              <image class="userinfo-avatar"
                     src="/static/static/image/saber.jpg"
                     mode="cover"></image>
            </view>
          </view>
          <view class="flex-item-1">
            <view class="font_w_900">saber</view>
            <view class="font_s_24 level">高级会员</view>
          </view>

          <navigator class="toSetting"
                     hover-class="none">切换账号<text class="iconfont iconyoujiantou"
                  selectable="false"
                  space="false"
                  decode="false"></text>
          </navigator>
        </view>
        <!-- 九宫格 -->
        <view class="card mt0">
          <view class="flex-box card_line">
            <view class="flex-item-1 card_item">
              <view class="flex-item-1 card_item">
                <image mode="aspectFit"
                       src="/static/static/image/vip.png"></image>
              </view>
              <view>商品收藏</view>
            </view>
            <view class="flex-item-1 card_item">
              <view class="flex-item-1 card_item">
                <image mode="aspectFit"
                       src="/static/static/image/vip.png"></image>
              </view>
              <view>品牌收藏</view>
            </view>
            <view class="flex-item-1 card_item">
              <view class="flex-item-1 card_item">
                <image mode="aspectFit"
                       src="/static/static/image/vip.png"></image>
              </view>
              <view>店铺收藏</view>
            </view>
            <view class="flex-item-1 card_item">
              <view class="flex-item-1 card_item">
                <image mode="aspectFit"
                       src="/static/static/image/vip.png"></image>
              </view>
              <view>我的足迹</view>
            </view>
          </view>
        </view>
        <view class="info_list flex-box">
          <navigator class="info_list_coupon"
                     hover-class="none">
            <view class="font_s_28">优惠券</view>
            <image class="coupon_icon"
                   src="/static/static/image/coupon_icon.png"
                   mode="widthFix"></image>
          </navigator>
          <view class="info_list_order flex-item-1">
            <view class="flex-box order_all flex-box-v-center">
              <view class="flex-item-1 font_s_28">我的订单</view>
              <navigator url="./../orderList/orderList"
                         class>
                <text class="font_s_24 font_c_91">查看全部订单</text>
                <text class="iconfont iconyoujiantou font_c_91"></text>
              </navigator>
            </view>
            <view class="order_list flex-box">
              <navigator url="./../orderList/orderList"
                         class="flex-item-1"
                         hover-class="none">
                <view>
                  <view>
                    <text class="iconfont icondaifukuan"></text>
                  </view>
                  <view class="order_list_text">待支付</view>
                </view>
              </navigator>
              <navigator url="./../orderList/orderList"
                         class="flex-item-1"
                         hover-class="none">
                <view>
                  <view>
                    <text class="iconfont icondaishouhuo"></text>
                  </view>
                  <view class="order_list_text">待发货</view>
                </view>
              </navigator>
              <navigator url="./../orderList/orderList"
                         class="flex-item-1"
                         hover-class="none">
                <view>
                  <view>
                    <text class="iconfont iconxiadan"></text>
                  </view>
                  <view class="order_list_text">已完成</view>
                </view>
              </navigator>
              <navigator class="flex-item-1"
                         hover-class="none">
                <view>
                  <view>
                    <text class="iconfont icontuihuanhuo1"></text>
                  </view>
                  <view class="order_list_text">售后</view>
                </view>
              </navigator>
            </view>
          </view>
        </view>
        <!-- 九宫格 -->
        <view class="card">
          <view class="flex-box card_line"
                v-for="(item, index) in 3"
                :key="index">
            <view class="flex-item-1 card_item">
              <view class="flex-item-1 card_item">
                <image mode="aspectFit"
                       src="/static/static/image/site.png"></image>
              </view>
              <view>收货地址</view>
            </view>
            <view class="flex-item-1 card_item">
              <view class="flex-item-1 card_item">
                <image mode="aspectFit"
                       src="/static/static/image/vip.png"></image>
              </view>
              <view>会员俱乐部</view>
            </view>
            <view class="flex-item-1 card_item">
              <view class="flex-item-1 card_item">
                <image mode="aspectFit"
                       src="/static/static/image/site.png"></image>
              </view>
              <view>优惠券</view>
            </view>
            <view class="flex-item-1 card_item">
              <view class="flex-item-1 card_item">
                <image mode="aspectFit"
                       src="/static/static/image/vip.png"></image>
              </view>
              <view>vip中心</view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
//index.js
//获取应用实例
const app = getApp().globalData

export default {
  data() {
    return {}
  },

  components: {},
  props: {},
  onLoad: function() {},
  methods: {
    //事件处理函数
    bindViewTap: function() {}
  }
}
</script>
<style>
@import './my.css';
</style>